<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="https://rawgit.com/knsv/mermaid/master/dist/mermaid.css">
    <base href="http://127.0.0.1:8080/"/>
    <script src="../../dist/mermaid.js"></script>
</head><body>
<script>
    var config = {
        startOnLoad:true,
        arrowMarkerAbsolute:true
    };
    mermaid.initialize(config);
</script>
<div class="mermaid">
graph LR;
    A-->B;
    B-->C;
</div>
<div class="mermaid">
    info
</div>
<div class="mermaid">
    sequenceDiagram
    Merchant->>Customer: foo
    Note right of Person: Bob thinks a long long time, so long that the text does not fit In a row. Bob thinks a long long time, so long that the text does not fit In a row. Bob thinks a long long time, so long that the text does not fit In a row. Bob thinks a long long time, so long that the text does not fit In a row.

    Person-->>Customer: bar

    Note left of Person: Foo checks up on him
</div>
</body></html>
